.env-manage
  height 100%
  
.env-manage-part
  position relative
  height 100%

.env-manage-resource
  height 100%
  display flex
  flex-direction column
  
  .env-manage-resource-top
    padding 10px
    border-bottom 1px solid $cm-color-black
    
  .env-manage-resource-content
    padding 10px
    flex-grow 1
    width 1
    overflow scroll
    
.env-manage-prop
  height 100%
  display flex
  
  .env-manage-prop-left
    padding 10px
    flex-grow 1
    width 1
    overflow scroll
  
  .env-manage-prop-right
    padding 10px
    width 150px
    
  .env-manage-prop-settings-wrapper
    width 100%
    height 100%
    position relative
    text-shadow 1px 0px $cm-color-black, -1px 0px $cm-color-black, 0px 1px $cm-color-black, 0px -1px $cm-color-black
    color $cm-color-white
  
  .env-manage-prop-layer
    user-select none
    width 16px 
    height 16px
    font-size 16px 
    line-height 16px
    position absolute
    top 50%
    left 50%
    transform translate(-50%,-50%)
    
  .env-manage-prop-setting
    cursor pointer
    
    &.center
      position absolute
      top 50%
      left 50%
      transform translate(-50%,-50%)
    
    &.left
      position absolute
      top 50%
      left 0
      transform translate(0,-50%)

    &.right
      position absolute
      top 50%
      right 0
      transform translate(0,-50%)
      
    &.top
      position absolute
      top 0
      left 50%
      transform translate(-50%,0)
      
    &.bottom
      position absolute
      bottom 0
      left 50%
      transform translate(-50%,0)

.env-add-autotile
  display flex
  align-items flex-start
  height 320px
  overflow-y scroll


